@charset "utf-8";
/* CSS Document */

.important-string{color: red;font-weight: bold}
.green-string{color: greenyellow;font-weight: bold}

body{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background-color:#333333; background-image:url(../images/background.png);background-repeat:no-repeat;background-attachment:fixed;background-position:center;font-size:12px}
.container {margin:25px auto; width:1024px; height:100%}
#header {-webkit-border-radius: 5px;-moz-border-radius: 5px; text-align:center; margin: 0 auto;padding: 0;  }
#header li {float: left}
#menu-current {color: #FFF; text-shadow: #CCC 0 0 4px; background-image: url(../images/button-hover.png); background-size: 40px 45px; background-repeat:no-repeat; padding: 10px 0 35px 15px; font-size:12.5px; font-weight:bold; text-decoration:none; margin: 0 15px 0 0}
#menu-item {color: #FFF; text-shadow: #CCC 0 0 4px; background-image: url(../images/button.png); background-size: 40px 45px; background-repeat:no-repeat; padding: 10px 0 35px 15px; font-size:12.5px; font-weight:bold; text-decoration:none; margin: 0 15px 0 0}
#menu-item:hover {color:#FFCC66}  
#menu-current:hover {color:#FFCC66}
#search {color:#FFF;background-color:#476420;border-radius:11px; border-style:none;background-image:url(../images/search-icon2.png);background-repeat:no-repeat; width:150px; height:22px;padding:0 0 0 20px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px;box-shadow:#F93 0 0 2px}
#menu-backimg {color: #FFCC66; text-shadow: #CCC 0 0 4px; font-weight:bold;background-image:url(../images/background.png); background-size: 185px 167px; background-repeat:no-repeat;padding: 5px 0 185px 147px; margin-left:-45px; text-align:center}
.menu {width: 850px; height: 50px;-webkit-box-shadow: 0 5px 20px #888;} 
.fixed {position: fixed;  top: 10px; left: 0; width: 100%;} 

.content{margin-top: 15px;}
.left-column{float:left; width:18%; text-align:center;}
.right-content{margin-top:-5px;float:right; width:18%; text-align:center;}
#panel{width:100%; height:108px; background-image:url(../images/store-panel.png); background-size:100% 100%;background-repeat:no-repeat;}
#big-title{padding-top:10px;color:#FFFFFF; text-shadow:#CCC 0 0 2px;font-size:26px;font-weight:bold; margin-bottom:-10px;}
#normal-text{color:#FFFFFF; text-shadow:#CCC 0 0 2px;font-size:13px;margin-bottom:15px;}
#mini-search{border-radius:11px; border-style:none; box-shadow:#999 0 0 2px; background-image:url(../images/search-icon.png); background-repeat:no-repeat; padding-left:16px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}

#shop{margin-top:8px;text-align:left;padding:1px 10px 20px 10px;background-color:#2A2A2A;border-radius:5px;border-color:#F93;border-width:1px;border-style:solid}
#shop-title{margin-bottom:-5px;font-size:14px;font-weight:bold;color:#FFFFFF;}
#special-deals hr, #shop hr{color:#F93;border-style:solid;border-bottom:none;border-left:none;border-right:none;border-width:1px;margin:20px -10px 0 -10px}
#text{font-size:11px;color:#FFF;margin-bottom:-8px}
#store-text{font-size:13px;color:#FFF;margin-bottom:-10px}

#bold-text{font-weight:bold;color:#FFF;font-size:12px}
a{text-decoration:none;color:#FFF}
a:hover, #shop-title:hover, #shop #text:hover, #shop #store-text:hover, #popular-accessories #text:hover, #mini-title:hover, #newtothestore #text:hover{color:#F93}

#popular-accessories{margin-top:8px;text-align:left;padding:1px 10px 20px 10px;background-color:#2A2A2A;border-radius:0 0 5px 5px;border-color:#F93;border-width:1px;border-style:solid}
#special-deals{margin-top:8px;text-align:left;padding:1px 10px 20px 10px;background-color:#2A2A2A;border-radius:0 0 5px 5px;border-color:#F93;border-width:1px;border-style:solid}
#newtothestore{margin-top:8px;text-align:left;padding:1px 10px 20px 10px;background-color:#2A2A2A;border-radius:0 0 5px 5px;border-color:#F93;border-width:1px;border-style:solid}
#normal-title{background-image:url(../images/title-panel.png);font-size:13px;color:#FFF;text-shadow:#CCC 0 0 2px;width:100%;height:25px;background-repeat:no-repeat;background-size:100% 100%;padding-top:7px;margin-bottom:-7px;}
#mini-title{color:#FFF;background-color:#333;font-size:12px;color:#FFF;text-shadow:#CCC 0 0 2px; margin:5px 0 -5px 0;padding:5px 5px 5px 10px;margin:0 -10px 0 -10px}

.middle-column{margin:25px 0 0 10px;float:left;width:80%}
.welcome-bar {background-color:#2A2A2A;color:#FFF;text-shadow:#CCC 0 0 2px;width:100%; height:25px;font-size:12px;padding:7px 0 0 0;border-style:solid;border-width:1px;border-color:#476420;border-radius:5px}
.welcome-bar #home-button{margin:-2px}
.welcome-bar a {margin-left:17px;}
.welcome-bar #help-button{float:right}
.welcome-bar #account-button{float:right}
.welcome-bar #cart-button{float:right;background-image:url(../images/shopping_cart.png);background-position:right;background-repeat:no-repeat;background-size:45% 125%;padding-right:25px; margin-right:15px}

.clr{clear:both}
.clr-left{clear:left}

.footer {margin:20px 0 50px 0;font-size:10px;color:#FFF}
.footer img{margin-right:-6px}
.footer a{margin:0 10px 0 10px}
#footer-link {color:#393}
#footer-link:hover{color:#F93}
#footer-left{float:left}
#footer-right{float:right}
.footer hr{margin:-5px 0 -5px 0;border-style:solid;border-bottom:none;border-left:none;border-right:none;border-width:1px;color:#CCCCCC}
.footer-info{margin:50px 0 0 5px;color:#CCCCCC;text-align:justify}
.footer-info a{text-decoration:underline;margin:auto}

.middle-content{margin:10px 0 0 0;float:left;width:80%}
#top-store{border:#FFFF33 1px solid;padding:10px 10px 10px 10px;border-radius:5px;height:375px}
#top-store #first-line{background-color:#FFF;box-shadow:#FF3 0 0 2px;margin:0 3px 3px 0}
#top-store #first-line a{float:left}
#top-store #second-line{background-color:#FFF;box-shadow:#FF3 0 0 2px;margin:0 3px 3px 0;width:630px}
#top-store #second-line a{float:left;margin:0 11px 0 11px}
#top-store #third-line{background-color:#FFF;box-shadow:#FF3 0 0 2px;margin:0 3px 3px 0;width:630px}
#top-store #third-line span{float:left;margin:0 0 0 11px}
#top-store div{float:left}
#top-store p{color:#666666}
#top-store #third-line p{margin:4px 0 -2px 0}
#top-store #third-line a{color:#666}
#top-store #third-line a:hover{color:#9C0}

#fourth-line{box-shadow:#FF3 0 0 2px;margin:20px 3px 3px 0; padding: 15px 0 15px 15px}

#product-block {text-align:center;}
#product-block:hover {background-color:#CCC}
#product-block p{margin:-10px 0 10px 0}
#product-block img{padding:10px 10px 10px 10px;background-color:#FFF;background-repeat:no-repeat;background-position:center}
#top-store #third-line img{padding:10px 10px 10px 10px;background-color:#FFF;background-repeat:no-repeat;background-position:center}
#new1{background-color:#003399;color:#FFF;padding-right:2px;border-radius:2px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:8px;font-weight:bold;position:absolute;margin-top:18px;margin-left:-65px;box-shadow:#333 0 0 2px}
#new2{background-color:#003399;color:#FFF;padding-right:2px;border-radius:2px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:8px;font-weight:bold;position:absolute;margin-top:67px;margin-left:-96px;box-shadow:#333 0 0 2px}

.middle-store{height:auto;border:#FFFF33 1px solid;padding:30px 10px 30px 10px;border-radius:5px;margin-top:10px}
.middle-store #first-line #left-img{float:left;margin-right:100px}
.middle-store #first-line #right-img{float:none;padding-left:-55px}
.middle-store #second-line #left-img{float:left;padding-top:10px}
.middle-store #second-line #right-img{float:none;}

.middle-store #first-line .my-button{position:absolute;margin-top:5px;margin-left:304px}
.middle-store #second-line{text-align:center;height:271px;margin-top:15px;margin-bottom:-20px;background:#FFF;padding:15px 0 15px 0;box-shadow:#FC3 0 0 4px}
.middle-store #second-line #store-text{color:#666;}
.middle-store #second-line #left-img .my-button{position:absolute;margin-left:108px;margin-top:17px}
.middle-store #second-line #right-img .my-button{position:absolute;margin-left:426px;margin-top:17px}
.middle-store #second-line hr{color:#FFF;box-shadow:#000 0 0 10px;border-bottom:none;border-left:none;border-right:none;border-size:1px;border-top-style:solid;border-color:#999999}

.my-button{background:#C36;color:#FFF;border-radius:12px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;font-weight:bold;border:none;padding:2px 10px 2px 10px;box-shadow:#333 0 0 2px}
.my-button:hover{background:#476420;color:#FFCC33}

.shadow-left-login{border-top:15px solid transparent;border-left:15px solid transparent; border-right:15px solid #222222; width:0; height:0; margin-top:27px;margin-left:-30px; position:absolute;}
.shadow-right-login{border-top:15px solid transparent;border-right:15px solid transparent; border-left:15px solid #222222; width:0; height:0; margin-top:27px;margin-left:370px; position:absolute;}
.content-login{background:#476420; height:250px; width:370px; margin:195px auto; box-shadow:#111111 0 0 6px; border-radius:4px}
.error-login{background:#111111; width:400px; height:40px; color:#FFF; font-size:10px; text-align:center; padding-top:2px; margin-left:-15px; margin-top:40px; position:absolute; border-radius:4px;box-shadow:#333 0 2px 2px;}
.title-login{background:#111111; width:200px; height:40px; color:#FFF; font-weight:bold; text-align:center; padding-top:2px; margin-left:85px; margin-top:10px; position:absolute; border-radius:4px;box-shadow:#333 0 0 4px;}

.username-login{border-radius:4px; width:210px; margin-top:100px; margin-left:140px; border-style:none;padding-left:5px;padding-right:5px}
.password-login{border-radius:4px; width:210px; margin-top:15px; margin-left:140px; border-style:none;padding-left:5px;padding-right:5px}
.email-register{border-radius:4px; width:210px; margin-top:15px; margin-left:140px; border-style:none;padding-left:5px;padding-right:5px}
.account-text{margin-top:-51px; margin-left:7px; position:absolute;color:#111111}
.password-text{margin-top:-19px; margin-left:7px; position:absolute;color:#111111}
.email-text{margin-top:16px; margin-left:7px; position:absolute;color:#111111}
.info-text{margin-top:54px; margin-left:7px; position:absolute;color:#111111}

.content-login .apple-login{position:absolute;margin-top:92px; margin-left:-24px;width:25px;height:30px;}
.content-login .my-button{position:absolute;margin-top:50px;margin-left:-185px}

.content-fogot{background:#476420; height:212px; width:320px; margin:195px auto; box-shadow:#111111 0 0 6px; border-radius:4px}
.content-fogot .my-button{position:absolute;margin-top:130px;margin-left:-185px}
.content-fogot .apple-login{position:absolute;margin-top:174px; margin-left:-20px;width:40px;height:30px;}

.content-register{background:#476420; height:440px; width:370px; margin:195px auto; box-shadow:#111111 0 0 6px; border-radius:4px}
.content-register .my-button{position:absolute;margin-top:204px;margin-left:-185px}
.content-register .apple-login{position:absolute;margin-top:33px; margin-left:330px;width:25px;height:30px;}
.content-register .account-text{margin-top:-116px; margin-left:7px; position:absolute;color:#111111}
.content-register .password-text{margin-top:-84px; margin-left:7px; position:absolute;color:#111111}
.content-register .repassword-text{margin-top:-51px; margin-left:7px; position:absolute;color:#111111}
.content-register .email-text{margin-top:-19px; margin-left:7px; position:absolute;color:#111111}
.content-register .info-text{margin-top:42px; margin-left:7px; position:absolute;color:#111111}
.content-register .recaptcha{margin: 20px auto auto 25px;}

.welcome-bar #cart-button{float:right;background-image:url(../images/shopping_cart.png);background-position:right;background-repeat:no-repeat;background-size:45% 125%;padding-right:25px}
.homecontent{margin-top:55px; background-color:#FFF; border-radius:15px; height:620px; width:100%; box-shadow:#FF3 0 0 4px}
.homecontent img{margin:20px 20px 20px 20px; float:left}
.homecontent p{margin:25px 20px 20px 20px; float:left; color:#003399; font-size:13px}
.homecontent #info{margin:120px 20px 20px 20px; float:left}

.video{border:3px solid; box-shadow:#333333 0 0 4px}
.sub-video a{float:left; margin:0 9px 0 9px}


.mac-pro{border-radius:5px; height:170px; width:100%; background-color:#FFF; box-shadow:#FF3 0 0 4px; padding:5px 0 5px 5px; margin-top:55px; text-align:center}
.mac-pro a {float:left}
.mac-pro a p{color:#333333}

.mac-list {margin-top:10px; text-align:center; font-size:13px}
.mac-list a {margin-right:10px}
.mac-cur-list {text-shadow:#FFF 0 0 2px; color:#FF9}

.mac-macbook{margin-top:25px;background:#FFF;width:100%;border-radius:5px;box-shadow:#999 0 0 4px;padding:5px 5px 5px 0}
.mac-macbook2 a div p{color:#FFF;font-size:16px;margin:20px 50px auto 5px;font-weight:bold;}
.mac-macbook2 a div {float:left;margin-right:25px}
.mac-macbook2{margin-top:25px;width:100%;height:250px;border-radius:5px;box-shadow:#999 0 0 4px;padding:10px 5px 5px 0}

.mac-sub-mac{float:left;margin:38px 8px 0 8px;background:#FFF;border-radius:5px;box-shadow:#999 0 0 4px;padding:5px 5px 5px 0}

.rss-banner{margin-top: 45px}
h3{color: gold}
li{padding-bottom: 5px;list-style-type: none;background-image: url(../images/mini-apple.png);background-repeat: no-repeat;padding-left: 15px;;background-size:13px 13px;}

.i-top{margin-top:50px}
.i-top .my-button,.i-list{float:right;margin-left:20px}
.i-top .i-list{padding-top:3px}
.i-top{color:white}
.i-title{color:gold;font-weight:bold;font-size:24px;text-shadow:#FF3 0 0 2px}
.i-banner img{width:1024px;margin-top:20px;box-shadow:#FF3 0 0 4px;}
.i-video{margin-top:30px;text-align:center}
.i-video .sub-video .video{border-style:none;margin-left:50px;margin-right:50px}
.i-video .sub-video  a{text-align:center}
.i-mac-sub-mac{float:left;margin:38px 8px 0 8px;border-radius:5px;box-shadow:#999 0 0 4px;}

#cart-title {color:white;margin-top:25px;background-image:url(../images/title-cart.png);background-size:1024px 34px;background-repeat:no-repeat;width:100%;padding:7px;font-weight:bold;font-size:12px}

.viewer {margin-left: 1px; width: 789px}
.viewer div {float: none}
.viewer-row{margin-top: 15px}
.viewer_expand {margin-left: 1px; width: 900px}

#my_table { border-collapse: collapse; width:100%}
#my_table #row{ margin-top: 15px; margin-bottom: 15px;}
#my_table .my-button{ margin-top: 25px; margin-bottom: 5px;margin-left: 50px}
#my_table #item_name { border-bottom: 1px solid #FFF;width: 100%}
